import styled from 'styled-components'
import constants from 'utils'

export default styled.div`
  .ui.dropdown .menu>.item:hover {
    background: #b0daff!important;
  }

  height: 100%;
  font: 13px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
  .label-overflow {
    z-index: 12000!important;
    overflow: visible!important;
  }
  .label-blLrgItems .label-clear {
    display: none;
  }
  .label-clear
  {
    display: block;
    clear: both;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
  };
  .label-top
  {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  } 
  a {
    color: #484848;
  }
  display: block;
  float: left;
  overflow: hidden;
  .label-block {
    display: block;
    float: left;
  }
  .label-blLrgItems .label-item,
  .label-blSepItems .label-item
  {
    text-align: center;
    height: 79px;
  }
  .label-grExpBtn .label-img32,
  .label-buttonItem .label-img32
  {
    margin-bottom: 0;
  }
  .label-img32,
  .label-blLrgItems .label-colorBtn .label-colorBtnNoImg32
  {
    width: 24px;
    height: 24px;
    margin: 8px auto 8px auto;
  }
  .label-blHorItems .label-edtItem.label-cbItem
  {
    margin-top: -2px;
    margin-bottom: 0;
    padding: 1px 0 3px 5px;
  }
  .label-buttonItem
  {
    cursor: pointer;
    text-decoration: none;
  }
  .label-blLrgItems .label-buttonItem,
  .label-grExpBtn
  {
    min-width: 56px;
  }
  .label-buttonItem.label-itemChecked
  {
    background: #DFDFDF;
  }
  .label-buttonItem.label-itemHover,
  .label-buttonItem.label-itemActive,
  .label-buttonItem.label-itemHover.label-itemActive,
  .label-buttonItem.label-itemPressed,
  .label-grExpBtn.label-grExpBtnHover,
  .label-grExpBtn.label-grExpBtnPressed,
  .label-olmGrExpBtn.label-itemHover,
  .label-olmGrExpBtn.label-itemPressed
  {
    background: ${constants.COLOR_ACTIVE};
    color: #FFFFFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
  }
  .label-img16,
  .label-blRegItems .label-colorBtn .label-colorBtnNoImg16,
  .label-blHorItems .label-colorBtn .label-colorBtnNoImg16
  {
    width: 12px;
    height: 12px;
    margin: 3px;
  }
  .label-ddImageContainer
  {
    display: inline-block;
  }
  .label-blLrgItems .label-ddImageContainer
  {
    width: 100%;
  }
  .label-colorBtn .label-colorDiv
  {
    height: 4px;
    width: 16px;
    display: block;
    margin: -6px 0 2px 4px;
    position: relative;
  }
  .label-blLrgItems .label-colorBtn .label-colorDiv
  {
    width: 32px;
    margin: -10px auto 1px;
  }
  .label-blLrgItems .label-colorBtn .label-colorBtnNoImg32
  {
    display: block;
    margin-bottom: 4px;
  }
  .label-blLrgItems .label-colorBtn .label-colorBtnNoImg32 .label-colorDiv,
  .label-blRegItems .label-colorBtn .label-colorBtnNoImg16 .label-colorDiv,
  .label-blHorItems .label-colorBtn .label-colorBtnNoImg16 .label-colorDiv
  {
    height: 100%;
    width: 100%;
    margin: 0px;
  }
  .label-minBtn
  {
    cursor: pointer;
    display: inline-block;
    width: 14px;
    height: 14px;
    font-size: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 14px;
    margin-top: 3px;
    margin-right: 0px;
    padding: 10px;
    line-height: 0 !important;
  }
  .label-minBtn.label-minBtnHover,
  .label-minBtn.label-minBtnPressed
  {
    background-color: ${constants.COLOR_HOVER};
  }
  .label-minBtn img
  {
    vertical-align: middle;
  }
  .label-hasContextTabs .label-minBtn
  {
    margin-top: 11px;
  }
  .label-blLrgItems .label-item .label-label
  {
    border-top: 1px solid transparent;
    width: 100%;
    display: inline-block;
  }
  .label-blLrgItems .label-item .label-label .label-lblContent,
  .label-grExpBtn .label-lblContent
  {
    margin: 4px 3px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
  }
  .label-blLrgItems .label-item.label-itemHover.label-ddMode .label-label
  {
    border-top: 1px solid #00695C;
  }
  .label-blHorItems .label-item .label-label,
  .label-olmGrExpBtn .label-label
  {
    margin: 4px 0;
    line-height: 100% !important;
    padding: 2px 0;
    text-decoration: inherit;
    vertical-align: middle;
    display: inline-block !important;
  }
  .label-blLrgItems .label-h4 {
    width: 34px !important;
  }
  .label-blRegItems .label-item,
  .label-blLrgItems .label-item,
  .label-blHorItems .label-item {
    display: block;
    float: left;
    overflow: hidden;
  }

  .label-h45 {
    width: 441px !important;
}
/* Image List  */
.label-item.label-glrBarItem
{
    border: 1px solid #DFDFDF;
    background-color: white;
}
.label-glrBarContainer
{
    padding-left: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    padding-right: 1px;
    overflow: hidden;
    margin-right: 14px;
    height: 103px;
}
.label-glrBarItem .label-glrButtons
{
    float: right;
    height: 100%;
}
.label-item.label-itemDisabled
{
    cursor: default;
    color: #bbbbbb;
    text-decoration: none !important;
}

.label-glrBarItem .label-glrButtons .label-itemDisabled
{
    cursor: default;
    color: #bbbbbb;
}
.label-glrBarItem .label-glrButtons div
{
    cursor: pointer;
    height: 19px;
    border-left: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 0px;
}
.label-glrBarItem .label-glrButtons img
{
    position: relative;
    top: 50%;
    margin-top: -6px;
    margin-bottom: 3px;
    width: 14px;
    height: 14px;
}
.label-glrBtnHover
{
    background-color: ${constants.COLOR_HOVER};
}
.label-glrMainDiv
{
    text-align: left;
}
.label-glrItem
{
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  padding: 1px;
  border: 1px solid transparent;
  vertical-align: top;
}
.label-glrItem:hover
{
  color: #484848;
  background-color: ${constants.COLOR_HOVER};
}

.label-glrItem-active
{
  color: #484848;
  background-color: ${constants.COLOR_ACTIVE};
}
.label-h14 {
    width: 162px !important;
}
.label-blRegItems .label-item,
.label-blHorItems .label-item
{
    height: 20px;
    white-space: nowrap;
    padding: 2px;
}

.label-blRegItems .label-item
{
    overflow: hidden;
    margin: 0 2px 4px;
}

.label-blHorItems .label-item
{
    margin: 0 2px 4px;
}

.label-item .label-label.label-vam,
.label-item .label-label.label-vat,
.label-item .label-label.label-vab {
    line-height: 100%!important;
    padding: 2px 0;
}
.label-item .label-label.label-vam span,
.label-item .label-label.label-vat span,
.label-item .label-label.label-vab span {
    line-height: 100%!important;
}
.label-lblContent,
.label-lblText {
  text-decoration: inherit;
}
.label-blHorItems .label-item:not(.dxr-ddMode) .label-lblText
{
    margin-top: 0px;
}
.label-blHorItems .label-item .label-lblText
{
    padding-left: 2px;
    padding-right: 2px;
}
.label-blHorItems .label-item .label-label .label-lblText {
    display: inline-block;
}

.label-blHorItems .label-item .label-label,
.label-olmGrExpBtn .label-label
{
    margin: 2px 0;
    line-height: 100% !important;
    padding: 2px 0;
    text-decoration: inherit;
    vertical-align: middle;
    display: inline-block !important;
}
.label-blHorItems .label-item {
    text-align: left;
}
.label-vam, .label-valm { vertical-align: middle; }
.label-vat, .label-valt { vertical-align: top; }
.label-vab, .label-valb { vertical-align: bottom; }
.label-vam, .label-vat, .label-vab { display: inline-block!important; }

.label-dropdown {
  padding-top: 7.6px !important;
  padding-bottom: 7.6px !important;
  min-width: 110px !important;
  min-height: 13.6px !important;
  margin: 0 2px 4px;
  float: left;
}

.label-dropdown i {
  padding-top: 7.6px !important;
  padding-bottom: 7.6px !important;
}
`
